<script setup lang="ts"></script>

<template>
  <RouterView />
</template>

<style>
html,
body,
#app {
  height: 100% !important;
  width: 100% !important;
  /* 禁止文本选择和拖拽 */
  user-drag: none !important;
  -webkit-user-drag: none !important; /* Safari/Chrome */
  -moz-user-select: none !important; /* Firefox */
  -ms-user-select: none !important; /* Internet Explorer/Edge */
  user-select: none !important;
  overflow: hidden !important;
}

/* 滚动条的轨道 */
::-webkit-scrollbar {
  width: 4px !important;
}

/* 滚动条轨道上的轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1 !important; /* 轨道的背景色 */
}

/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background: #999 !important; /* 滑块的颜色 */
  border-radius: 4px !important; /* 滑块的圆角 */
}

/* 滚动条的滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

/* 滚动条的角落 */
::-webkit-scrollbar-corner {
  background: transparent !important;
}
</style>
